
/**
 *  用户自定义样式 start 
 * */
html,
body,
p {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
}

.header {
	/*页面顶部*/
	overflow: hidden;
	height: 85px;
	/*border-bottom: 1px solid rgb(19, 134, 44);*/
	/*background-color: rgba(0,0,0,0.5);*/
	background-size: auto 60%;
}

.system-logo {
	/*系统logo图*/
	position: relative;
	top: 3px;
	left: -12px;
	float: left
}

.search-input {
	/*头部检索外层div*/
	float: left;
	line-height: 35px;
	border: #bbb 1px solid;
	margin-top: 25px;
	margin-left: 20px;
	border-radius: 5px;
	padding: 0px 5px;
}

.search-input>input {
	/*头部检索框*/
	color: #666;
	border: none;
	margin-left: 15px;
	font-size: 16px;
	width: 130px;
	outline: none;
}

.header-right-btn {
	/*头部右侧按钮*/
	line-height: 40px;
	text-align: right;
	float: right;
	margin-top: 25px;
	margin-right: 30px;
}

.header-right-btn>a>span {
	/*头部右侧按钮图标*/
	color: rgb(82, 147, 197);
	margin-right: 5px;
	position: relative;
	top: 6px;
}

.search-input>span {
	/*检索框图标*/
	position: relative;
	left: 5px;
	bottom: -2px;
}

.search-btn {
	border: none;
	background: none;
	color: #999;
	outline: none;
	float: right;
	margin-top: 6px;
	transition: all 0.5s !important;
}

.search-btn:hover {
	color: #222;
}

.users-icon {
	/*用户名前的图标*/
	position: relative;
	top: -4px;
	font-size: 16px;
}

.users-name {
	color: rgb(82, 147, 197);
	margin-right: 5px;
	position: relative;
	top: 6px;
}

.login-out {
	color: rgb(46, 135, 204);
	margin-left: 20px;
	cursor: pointer;
}

.users-bottom-copy {
	/*底部技术支持*/
	box-sizing: border-box;
	color: #aaa;
	font-size: 13px;
	line-height: 25px;
	text-align: center;
	/*border-top: 1px solid rgb(83, 166, 226);*/
	overflow: hidden;
	background: rgba(0, 0, 0, 0.9);
}

/* a标签样式默认值修改 */

a {
	text-decoration: none;
	transition: all 0.5s;
}

.header-right-btn a:link {
	color: rgb(82, 147, 197);
}

.header-right-btn a:visited {
	color: rgb(133, 192, 240);
}

.header-right-btn a:hover {
	color: rgb(133, 192, 240);
}

.header-right-btn a:active {
	color: rgb(82, 147, 197)
}


/*输入框提示文字颜色*/

input:-moz-placeholder {
	color: #999;
}

input:-ms-input-placeholder {
	color: #999;
}

input::-webkit-input-placeholder {
	color: #999;
}


/*标签页下窗口背景*/

.MainPageBg {
	/*background: url(../img/ifream-bg4.jpg) top;*/
	background-size: 100% 100%;
}


/*进度条提示start*/
.jdt {
	display: flex;
	/*box-shadow:  0 0 20px 0 rgba(255,255,255,0.5);*/
	/*background: rgba(225,225,225,0.2);*/
	background: linear-gradient(to top, rgba(225, 225, 225, 0.2), rgba(225, 225, 225, 1));
	border-radius: 10px;
	margin-top: 10px;
}

.circleProgress_wrapper {
	/*进度条每一项*/
	width: 150px;
	height: 150px;
	margin: 50px auto;
	position: relative;
	left: -6vw;
	/*border: 1px solid #ddd;*/
}

.bg-white {
	/*底部空白区域*/
	width: 380px;
	margin-top: 15px;
	height: 120px;
	/*background: white;*/
	background: linear-gradient(rgba(255, 255, 255, 0.8) 20%, rgba(198, 198, 198, 1));
	border-radius: 100px;
	box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.3);
	transition: all 0.5s ease-out;
}

.bg-white:hover {
	box-shadow: 0 0 40px 0px rgba(0, 0, 0, 0.6);
}


/*进度条中的文字*/

.bg-white>div:nth-child(1) {
	text-align: center;
	padding-top: 45px;
	z-index: 1;
	font-size: 22px;
	line-height: 20px;
	display: inline-block;
	position: relative;
	left: 55px;
	color: #555;
}

.orange .bg-white>div>p:nth-child(1) {
	color: #F67029;
	font-weight: bold;
}

.red .bg-white>div>p:nth-child(1) {
	color: #E72A26;
	font-weight: bold;
}

.blue .bg-white>div>p:nth-child(1) {
	color: #0AA1EA;
	font-weight: bold;
}

.bg-white>div:nth-child(1)>p:nth-child(2) {
	font-size: 14px;
	margin-top: 5px;
	margin-left: -8px;
}


/*白色背景中的文字*/

.bg-white>div:nth-child(2) {
	float: right;
	width: 70%;
	text-align: center;
	position: relative;
	top: 25px;
	font-size: 36px;
}

.bg-white-text {
	font-size: 18px;
	color: #333;
}

.orange .bg-white>div:nth-child(1) {
	/*第一个进度条中的文字*/
	left: 45px;
}

.wrapper {
	width: 75px;
	height: 150px;
	position: absolute;
	top: 0;
	overflow: hidden;
}

.right {
	right: 0;
}

.left {
	left: 0;
}

.circleProgress {
	width: 110px;
	height: 110px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	-webkit-transform: rotate(45deg);
}


/*不同颜色的进度条*/

.orange .circleProgress {
	border: 20px solid #F67029;
}

.orange .rightcircle {
	border-top: 20px solid #C4C2C3;
	border-right: 20px solid #C4C2C3;
	right: 0;
	/*-webkit-animation: circleProgressLoad_right 5s linear infinite;*/
	/*-webkit-transform: rotate(45deg);*/
}

.orange .leftcircle {
	border-bottom: 20px solid #C4C2C3;
	border-left: 20px solid #C4C2C3;
	left: 0;
	/*-webkit-animation: circleProgressLoad_left 5s linear infinite;*/
	-webkit-transform: rotate(180deg);
}

.red .circleProgress {
	border: 20px solid #E72A26;
}

.red .rightcircle {
	border-top: 20px solid #C4C2C3;
	border-right: 20px solid #C4C2C3;
	right: 0;
}

.red .leftcircle {
	border-bottom: 20px solid #C4C2C3;
	border-left: 20px solid #C4C2C3;
	left: 0;
	-webkit-transform: rotate(180deg);
}

.blue .circleProgress {
	border: 20px solid #0AA1EA;
}

.blue .rightcircle {
	border-top: 20px solid #C4C2C3;
	border-right: 20px solid #C4C2C3;
	right: 0;
}

.blue .leftcircle {
	border-bottom: 20px solid #C4C2C3;
	border-left: 20px solid #C4C2C3;
	left: 0;
	-webkit-transform: rotate(180deg);
}

.Mychart01-bg {
	background: rgba(255, 255, 255, 0.3);
	margin-top: 20px;
	height: 52vh;
	border-radius: 10px;
}

@media only screen and (max-width: 1500px) {
	.bg-white>div:nth-child(2) {
		width: 35%;
		right: 3vw;
	}
	.bg-white {
		width: 300px;
	}
}

@media only screen and (max-width: 1225px) {
	.wrapper {
		width: 65px;
		height: 130px;
	}
	.circleProgress {
		width: 90px;
		height: 90px;
	}
	.circleProgress_wrapper {
		/*进度条每一项*/
		width: 130px;
		height: 130px;
		position: relative;
		left: -6vw;
	}
	.bg-white {
		/*底部空白区域*/
		width: 240px !important;
		margin-top: 15px;
		height: 100px;
	}
	.bg-white>div:nth-child(1) {
		padding-top: 30px;
		font-size: 18px;
		line-height: 20px;
		left: 50px;
	}
	.bg-white>div:nth-child(2) {
		width: 25%;
		right: -1.5vw;
	}
	.orange .bg-white>div:nth-child(1) {
		/*第一个进度条中的文字*/
		left: 40px;
	}
	/*白色背景中的文字*/
	.bg-white>div:nth-child(2) {
		width: 70%;
		position: relative;
		top: 20px;
		font-size: 28px;
	}
	.bg-white-text {
		font-size: 16px;
		color: #333;
	}
}

/* 用户自定义样式end */